  <div style="background: #ECECEC;padding:30px;">
    <div nz-row [nzGutter]="8">
      <div nz-col *ngFor="let product of products" [nzSpan]="8">
        <nz-card nzHoverable   [nzCover]="coverTemplate">
          <nz-card-meta nzTitle="{{product.title}}" [nzDescription]="descTemplate"></nz-card-meta>
        </nz-card>
        <ng-template nzLoading #coverTemplate>
          <img alt="example" [src]="imgUrl" />
        </ng-template>
        <ng-template #descTemplate>
          <h4>{{product.price}}</h4>
          <p>{{product.desc}}</p>
          <div>
            <!-- rating属性传递给子组件 -->
            <app-stars [rating]="product.rating"></app-stars>
          </div>
        </ng-template>
      </div>
    </div>
  </div>
